<div class="header-bg">
    <img src="assets/img/coffee1.jpg" class="header-img">

    <span>{{schoolList.name}}</span>
    <div class="container-count">
        <button >已入驻 </button>
        <span>{{schoolList.count}}</span>
        <div> &nbsp; 个社团 </div>
    </div>
</div>

<div class="recom-container">
   <div class="recom-left">
      <span>热门推荐</span>
       <div *ngFor="let act of actbList">
           <nz-card>
               <div class="recom-left-content">
                   <a href="./sponsor/sponInfo">{{act.name}}</a>
                   <a href="./campus/member-detail">{{act.author}}</a>
               </div>
               <div class="recom-left-content">
                   <span>{{act.price}}</span>
                   <a href="./sponsor/sponInfo"><button>我要赞助</button></a>
               </div>

           </nz-card>
       </div>

   </div>
    <div class="recom-right">
        <span>已发放赞助的企业</span>
        <nz-card>
            <div class="recom-right-company">
              <img [src]="slide.image" *ngFor="let slide of slides "  class="recom-right-company-img">
          </div>
        </nz-card>
    </div>
</div>

<nz-card>
    <div class="main-container">
        <div style="display: flex">
           <span>社团列表</span>
        </div>

        <!--<div style="display: flex">-->
            <!--<nz-input [nzType]="search"></nz-input>-->
            <!--<button nz-button (click)="search()">搜索 </button>-->
        <!--</div>-->
    </div>
    <div  class="area-list">
    <div *ngFor="let ar of area" >
        <a (click)="areaFiliter(ar.id)">{{ar.areaname}}</a>
    </div>
    </div>
    <div  class="campus-list-all">
        <div *ngFor="let cp of campList"  class="perChosen">
            <nz-card>
                <div class="container-list">
                    <div class="container-img-list">
                        <a  [routerLink]="['/campus/group-detail' ,cp.campId]">  <img src="assets/img/coffee1.jpg" class="container-img"> </a>
                    </div>

                    <div class="container-count">
                        <div> <span>累计活动 <span style="color: #00a0e9">{{cp.campTotalAct}}</span>场</span></div>
                        <div><span>累计活动金额<span style="color: #00a0e9">{{cp.campTotalActMoney}}</span>元</span> </div>
                    </div>
                    <!--<div>-->
                    <!--<span>最新活动</span>-->
                        <!--<hr style="height:1px;border:none;border-top:1px solid #555555;" />-->
                        <!--<div>-->
                            <!--{{cp.test}}-->
                        <!--</div>-->
                    <!--</div>-->

                </div>
            </nz-card>
        </div>

    </div>


</nz-card>

<div class="page-container">
    <nz-pagination [(nzPageIndex)]="page.pageNum" [nzTotal]="page.total"
                   [(nzPageSize)]="page.pageSize" (nzPageIndexChange)="search(page.pageNum)">
    </nz-pagination>
</div>
